<template lang="html">
	<div>
		<div class="header_div_top">
			<router-link to="/Market">
				<a class="c_a_left" href="javascript:;">&nbsp;返回</a>
				我的全国送
			</router-link>	
		</div>
		<ul class="qs_allwordTab">
			<li class="fl fl_tabLi1 fl_tabColor">全国送订单</li>
			<router-link to="/Orders2">
				<li class="fr fr_tabLi2 fr_tabColor">全国送鲜拼</li>
			</router-link>
		</ul>
		<div class="sj_divTab">
			<div class="noGoods">
				<img src="../assets/stateless.png"><br>
				暂无数据
			</div>
		</div>
	</div>
</template>

<script>
	export default{

	}
</script>

<style lang="css">
/*========= 样式适用于 Orders2.vue =============*/
/*========= 通用样式适用于同级页面 ==========*/
	.header_div_top{
		width:100%;height:2.394rem;
		color:#ffc000;line-height:2.394rem;
		font-size:.8rem;text-align:center;
		position:fixed;
		border-bottom:1px solid #cacaca;
		z-index:100;background:#fff;	
	}
	.header_div_top .c_a_left{
		position:absolute;left:.3rem;
		background:url(../assets/my_img11.png) no-repeat .2rem center;
		background-size:21%;padding-left:.5rem;	
	}
	.header_div_top a{
		font-size:.8rem;display:inline-block;
		color:#ffc000;
	}

	.qs_allwordTab{
		width:100%;background:white;
		border-bottom:1px solid #cacaca;
		border-top:1px solid #cacaca;
		position:fixed;left:0;top:2.394rem;
		z-index:100;
	}
	.qs_allwordTab li{
		width:30%;color:#000;display:inline-block;
		font-size:.8rem;height:2rem;
		line-height:2rem;text-align:center;
	}
	.qs_allwordTab>.fl_tabColor{
		border-bottom:2px solid #ff602c;
	}
	.qs_allwordTab>.fl{
		float:left;
	}
	.qs_allwordTab>.fr{
		float:right;
	}
	.qs_allwordTab li:first-child{
		margin-left:1.7rem;
	}
	.qs_allwordTab li:last-child{
		margin-right:1.7rem;
	}

	.sj_divTab{
		height:100%;width:100%;
		max-width:48rem;
		min-width:16rem;
		margin:0 auto;
		position:absolute;
		z-index:1;
		overflow:auto;
		background:#F5F6F8;
	}
	.sj_divTab>.noGoods{
		color:#ff0000;
		font-size:.7rem;
		text-align:center;
		margin:50% 0 0 0;
	}
	.sj_divTab>.noGoods>img{
		width:25%;
		margin:0 0 0.5rem 0;
	}
</style>